﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title th:text="${info?.name?:'未设置名称'}"></title>
    <meta name="keywords" th:content="${info?.keywords?:''}" content="">
    <meta name="description" th:content="${info?.description?:''}" content="">
    <link rel="icon" href="assets/img/img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link href="assets/css/css/animate.css" rel="stylesheet">
    <script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="websit">
    <!-- 头部 -->
    <div id="head">
        <div th:include="pub_head"></div>
        <img src="uploads/20211231/af7981f3079407cd3eb5f53c82e68a11.jpg" class="banner bans">
    </div>
    <!-- 内容 -->
    <div class="allCont">
        <!-- 网站服务 -->
        <div class="commit_center common">
            <p class="title">[[${modules[3].module.title}]] </p>
            <p class="content">[[${modules[3].module.description}]]</p>
        </div>
        <!-- 网站服务-内容 -->
        <div class="commit_center flex service">
            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt class="gray"><img src="uploads/20211227/f9dac5c435dc0fd0d73ac450ba59da78.png"></dt>
                <dt class="blue"><img src="uploads/20211227/868ad249e48fd96cbdb481729554d14f.png"></dt>
                <dd class="title">[[${modules[3].banners[0].title}]]</dd>
                <dd class="line"></dd>
            </dl>
            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt class="gray"><img src="uploads/20211227/dfd07e2ac3e6158ae7460b93da2461f5.png"></dt>
                <dt class="blue"><img src="uploads/20211227/c0bd5559aa0c80a5cacfbe7f3ae9b815.png"></dt>
                <dd class="title">[[${modules[3].banners[1].title}]]</dd>
                <dd class="line"></dd>
            </dl>
            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt class="gray"><img src="uploads/20211227/24db89e5827d40aed034a2a27d07410c.png"></dt>
                <dt class="blue"><img src="uploads/20211227/42c6c6f5d9f50c3bbbfff83d1af92f15.png"></dt>
                <dd class="title">[[${modules[3].banners[2].title}]]</dd>
                <dd class="line"></dd>
            </dl>
            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt class="gray"><img src="uploads/20211227/77e1660daa81e4f45a348b02e5835372.png"></dt>
                <dt class="blue"><img src="uploads/20211227/5dc67600a949373e057140038396bb0c.png"></dt>
                <dd class="title">[[${modules[3].banners[3].title}]]</dd>
                <dd class="line"></dd>
            </dl>
        </div>
        <!-- 高档的私人订制 -->
        <div class="commit_center common">
            <p class="title">[[${modules[4].module.title}]]  </p>
            <p class="content">[[${modules[4].module.description}]]</p>
        </div>
        <!-- 高档的私人订制-内容 -->
        <div class="commit_center flex caseIndex">

            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt><img src="uploads/20211231/053d34d73e9b8ddea970d885e622126b.png"></dt>
                <div class="dd">
                    <dd class="first">[[${modules[4].banners[0].title}]]</dd>
                    <dd>[[${modules[4].banners[0].description}]]</dd>
                </div>
            </dl>
            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt><img src="uploads/20211231/4b89df7077b0c4785fc4357a7edef197.png"></dt>
                <div class="dd">
                    <dd class="first">[[${modules[4].banners[1].title}]]</dd>
                    <dd>[[${modules[4].banners[1].description}]]</dd>
                </div>
            </dl>
            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt><img src="uploads/20211231/a3710fdf4182a76f3616ca7e360379ac.png"></dt>
                <div class="dd">
                    <dd class="first">[[${modules[4].banners[2].title}]]</dd>
                    <dd>[[${modules[4].banners[2].description}]]</dd>
                </div>
            </dl>
            <dl class="wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
                <dt><img src="uploads/20211231/1541baec9e749687ae63eaadd40a77e2.png"></dt>
                <div class="dd">
                    <dd class="first">[[${modules[4].banners[3].title}]]</dd>
                    <dd>[[${modules[4].banners[3].description}]]</dd>
                </div>
            </dl>
        </div>
        <!-- 灰色 -->
        <div class="bgGray websit">
            <!-- 经典案例 -->
            <div class="commit_center common">
                <p class="title">[[${modules[5].module.title}]] </p>
                <p class="content">[[${modules[5].module.description}]]</p>
            </div>
            <!-- 经典案例-内容 -->
            <div class="commit_center classic">
                <!-- pc端 -->
                <div class="pcDuan">
                    <div class="flex">
                        <div class="left wow bounceInLeft animated" data-wow-duration="2s" data-wow-delay="100ms">
                            <p class="title">[[${modules[5].banners[0].title}]]</p>
                            <p class="line"></p>
                            <p>[[${modules[5].banners[0].description}]]</p>
                        </div>
                        <div class="right wow bounceInRight animated" data-wow-duration="2s" data-wow-delay="300ms">
                            <img src="uploads/20211231/cdc4ff51578b4692a2d67e4bc23d0bbf.png">
                        </div>
                    </div>
                    <div class="flex">
                        <div class="right wow bounceInRight animated" data-wow-duration="2s" data-wow-delay="300ms">
                            <img src="uploads/20211231/be3636bc44a0b58732aadcab652e6488.png">
                        </div>
                        <div class="left wow bounceInLeft animated" data-wow-duration="2s" data-wow-delay="100ms">
                            <p class="title">[[${modules[5].banners[1].title}]]</p>
                            <p class="line"></p>
                            <p>
                                [[${modules[5].banners[1].description}]]</p>
                        </div>
                    </div>
                </div>
                <!-- 手机端 -->
                <div class="phone">
                    <div class="flex">
                        <div class="left wow fadeInUp" data-wow-duration="2s" data-wow-delay="100ms">
                            <p class="title">[[${modules[5].banners[0].title}]]</p>
                            <p class="line"></p>
                            <p>[[${modules[5].banners[0].description}]]</p>
                        </div>
                        <div class="right wow fadeInUp" data-wow-duration="2s" data-wow-delay="100ms">
                            <img src="uploads/20211231/cdc4ff51578b4692a2d67e4bc23d0bbf.png">
                        </div>

                    </div>
                    <div class="flex">
                        <div class="left wow fadeInUp" data-wow-duration="2s" data-wow-delay="100ms">
                            <p class="title">[[${modules[5].banners[1].title}]]</p>
                            <p class="line"></p>
                            <p>
                                [[${modules[5].banners[1].description}]]</p>
                        </div>
                        <div class="right wow fadeInUp" data-wow-duration="2s" data-wow-delay="100ms">
                            <img src="uploads/20211231/be3636bc44a0b58732aadcab652e6488.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 脚部 -->
    <div th:replace="pub_footer"></div>

</div>
<!-- script -->

<script src="assets/swiper/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<!-- wow弹动 -->
<script src="assets/js/js/wow.min.js"></script>
</body>
</html>
